<!-- https://api.xynest.club/index/dot -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>来店吧</title>
  <link href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css" rel="stylesheet">
  <link rel="stylesheet" href="./css/weui.min.css">
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="./css/index1.css">
  <!-- <link rel="stylesheet" href="./css/mb.css"> -->
    
</head>
<body class="mb" data-query>
    <div class="loadings" style="">
        <div class="loader"></div>
    </div>
    <div class="banner">
        <img class="top_pic" src="./images/mb/head.png" id="active_kj_banner">
        <ul class="mb-edit-btnWrap">
        </ul>
    </div>
  

    <!--标题-->
    <div class="big_title" style="height: auto;">
        
        <div class="mb kj_color" max="30" id="kj_title">**少儿艺术舞蹈班疯狂砍价，只需99即可赢取699的10节课程！</div>
        
    </div>
    
    <!--活动时间-->
    <div class="time">
        <div class="mb">
            <div class="countdown">
                距离活动结束还有：<span id="count"><span class="viewtime-day"></span>天<span class="viewtime-hour"></span>时<span class="viewtime-minute"></span>分<span class="viewtime-second"></span>秒</span>
            </div>
        </div>
    </div>
    <!--主题内容-->
    <div class="bargain_content content_item1">
        <div class="mb clearfix">
            <div class="clearfix price">
                <p class="current fl">惊爆价：<span>1</span>元</p>
                <p class="original fr">原价：<span>2</span>元</p>
            </div>
            <p class="remain">数量还剩：<span>1</span>份</p>
            <button class="apply">我要报名</button>
        </div> 
    </div>
    
    <!--liuya - 活动优惠 （优惠券）--><!--coupon-->
    <div class="content_item2 content_self">
        <label class="mb">
            <input disabled="disabled" value="活动优惠" class="mb" type="text" value="活动优惠" id="get_coupon_title">
        </label>
        <div class="lab_content bargain_get hz_content_style">
            <div class="mb">
                <ul class="textMark text_con clearfix">
                    <li class="textMark-item textMarkIndex add_thing">
                        活动结束前，到店顾客都将获得一份惊喜小礼包活动结束前，到店顾客都将获得一份惊喜小礼包活动结束前，到店顾客都将获得一份惊喜小礼包活动结束前，到店顾客都将获得一份惊喜小礼包活动结束前，到店顾客都将获得一份惊喜小礼包活动结束前，到店顾客都将获得一份惊喜小礼包
                    </li>
                    <li class="textMark-item add_item textMarkIndex add_thing">
                        1
                    </li>
                </ul>
            </div>
        </div>
    </div>
        
    <!--商品描述-->
    <div class="content_item1 content_self">
        <label class="mb">
            <input disabled="disabled" value="商品描述" class="mb" type="text" value="商品描述" id="goodsDescTitle">
        </label>
        <div class="lab_content" id="goodsDesc">
            <div class="mb">
<div class="content_label_text" id="description_text" placeholder="(800字以内)">**少儿艺术舞蹈班开课咯！原价699元，砍价最低减至99元。
7种舞蹈任意选：东方舞、芭蕾舞、民族舞、拉丁舞、爵士舞、街舞、现代舞
总共10节课程，1.5h一课时。（只接收6-12岁儿童，新老用户均可参加）
            </div>
            <img src="images/mb/head.png" alt="">
        </div>
    </div>
    <!--活动规则-->
    <div class="content_item1 content_fix">    
        <label class="mb">活动规则</label>
        <div class="lab_content">
            <div class="mb">
            <div class="content_label_text rule_text" id="rule">
                <p>1.点击上方按钮【我要报名】参加活动。</p>
                <p>2.报名者自己每**小时可以点击【我再砍一刀】随机减少价格。</p>
                <p>3.别人可以帮忙砍价，（每个人/包括报名者）只能帮忙一次。</p>
                <p>4.商品数量有限，先到先得，亲速度哦！</p>
                <p>5.砍价成功后，联系商家支付领取。</p>
                <p>6.活动最终解释权归商家所有，与来店吧无关。</p>
            </div>
        </div>
    </div>
    <!--领取信息-->
    <div class="content_item1 content_self">
        <label class="mb">
            <input disabled="disabled" value="领取信息" class="mb" type="text" value="领取信息" id="get_information_title">
           
        </label>
        <div class="lab_content bargain_get ">
            <div class="mb">
                <div class="content_label_text bargain_get_text" id="get_information_text" style="line-height: 23px;">
                    <p>领取时间：</p>
                    <p>领取地址：</p>
                    <p>联系方式：13261273497</p>
                </div>
            </div>
        </div>
    </div>
    <!--商家介绍-->
    <div class="content_item1 content_self">
        <label class="mb">
            <input disabled="disabled" value="商家介绍" class="mb" type="text" value="商家介绍" id="introduce_title">
        </label>
        <div class="bargain_introduce clearfix">
            <div class="mb">
                商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍
                <img src="images/mb/head.png" alt="">
                <iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=r0788vsdner" allowFullScreen="true" style="width: 100%"></iframe>
            </div>
        </div>
    </div>
    <!--咨询热线-->
    <div class="content_item1 content_fix">
        <label class="mb">联系方式</label>
        <div class="lab_content">
            <div class="mb">
                <div class="tel_content">
                    <span class="content_span tel_span">
                        商家姓名：</span>
                    <input disabled="disabled" value="1" class="content_input tel_input" type="text" id="consultation_name">
                </div>
                <em class=" tel_em"></em>
                <div class="tel_content">
                    <span class="content_span tel_span">
                        咨询热线：</span>
                    <input disabled="disabled" value="1" class="content_input tel_input" type="tel" id="consultation_tel">
                </div>
                <em class=" tel_em"></em>
                <div class="tel_content">
                    <span class="content_span tel_span tel_ads">商家地址：</span>
                    <input disabled="disabled" value="1" class="content_input tel_input" id="consultation_addAds" style="text-align:left;">
                    <img src="./images/icon/15.png" alt="" class="edit_pos_icon">
                </div>
                <em class=" tel_em"></em>
                <div class="tel_content">
                    <span class="content_span tel_span tel_ads">详细地址：</span>
                    <input disabled="disabled" value="1" class="content_input tel_input" id="consultation_detailsAds" contenteditable="true">
                </div>
                <em class=" tel_em"></em>
            </div>
        </div>
    </div>
    <div class="bargain_btn">
        <ul>
            <li id="previewAct"><a href="./index.html">返回编辑</a></li>
            <li id="saveAct"><a href="">保存</a></li>
        </ul>
    </div>
    <!-- register -->
    <div class="register_bg">
        <div class="register">
            <span class="c">x</span>
            <span class="clue">(所填信息不会公开，仅用于活动领奖)</span>
            <form class="register-form" name="form" action="./index1.html" method="post" id="form">
                <input type="text" name="name" autocomplete="true" value="" placeholder="请填写您的姓名">
               
                <input type="text" name="mobile" autocomplete="true" value="" placeholder="请填写您的手机号码">
                
                <button class="submit_btn" type="submit" id="submit_btn">确定</button>
            </form>
        </div>
    </div>
    
<!-- register -->
    <div class="some">
        <div class="some-btn">
            <a href="javascript:;" class="personal">
                <img src="./images/7.png" alt="">
            </a>
            <a href="./tousu/index.html" class="conplaint">
                <img src="./images/4.png" alt="">
            </a>
            <a href="javascript:;" class="share">
                <img src="./images/6.png" alt="">
            </a>
            <a href="javascript:;" class="contect">
                <img src="./images/5.png" alt="">
            </a>
        </div>
    </div>
<!-- share -->
    <div class="share-main">
        <div class="arrow clearfix">
            <p>点击右上角分<br>享给微信好友</p>
            <img class="fr" src="./images/share5.png" alt="">
        </div>
        <div class="share-con">
            <img src="./images/share1.png" alt="">
            <div class="way clearfix">
                <div class="line line-l fl"></div>
                <p>分享方式</p>
                <div class="line line-r fr"></div>
            </div>
            
            <div class="con-detail clearfix">
                <div class="friend fl">
                    <img src="./images/share3.png" alt="">
                    <p>微信好友</p>
                </div>
                <div class="space fr">
                    <img src="./images/share4.png" alt="">
                    <p>朋友圈</p>
                </div>
            </div>
            <p class="cut">取消</p>
        </div>
    </div>
<!-- share -->
<!-- post -->
    <div class="post">
        <div class="post-con">
            <div class="post-main">
                <div class="post-title clearfix">
                    <div class="user fl">
                        <img src="./images/2.png" alt="">
                        <p>1234512345</p>
                    </div>
                    <p class="title-con">
                        这个活动太优惠了，快来看看吧
                    </p>
                </div>
                <div class="post-code">
                    <p class="code-title">
                        轻盈画室，1028元精品课程，疯狂砍价只需99元
                    </p>
                    <img src="./images/post-code.png" alt="">
                    <span>长按识别二维码进入活动</span>
                </div>
            </div>
        </div>
        <p class="send">长按图片保存，发朋友圈邀请好友帮忙</p>
        <p class="del">取消</p>
    </div>
<!-- post --> 
<!-- contect -->
    <div class="contect_bg">
        <div class="contect_con">
            <span class="c_del">x</span>
            <p class="contect_title">联系商家</p>
            <div id="container" style="height: 120px"></div>

            <ul class="contect_main">
                <li>姓名</li>
                <li><a href="tel:114">114</a></li>
            </ul>
        </div>
    </div>
<!-- contect --> 

    <div class="top_infor"><span>1</span>人查看 <span>1</span>人分享 <span>1</span>人报名</div>  
    <!--返回顶部-->
    <div class="scroll_top">
        <img src="./images/icon/7.png">
    </div>
    
    <script src="./js/require.min.js"></script>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.10&key=013ba28253e208d823d400af76d85aa0"></script> 
    <script>
        
        require.config({
            baseUrl: 'https://cdn.bootcss.com',
            paths: {
                'jquery': 'jquery/2.2.4/jquery.min'
            },
            proiority: ['jquery']
        });
        require(['jquery'], function($) {
            //返回顶部
            $(function() {
                $(window).scroll(function () {
                  if($(window).scrollTop() >= 100 ){
                    $(".scroll_top").stop().fadeIn(500);
                  }else {
                    $(".scroll_top").stop().fadeOut(500);
                  }
                });
                $(".scroll_top").click(function () {
                  $("html,body").stop().animate({scrollTop:0},1000);
                })
            });
            //报名
            $('.apply').on('click', function() {
                $('.register_bg').show();
            });
            $('.c').on('click', function() {
                $('.register_bg').hide();
                event.stopPropagation();
            });
            $('.register_bg').on('click', function() {
                $(this).hide();
            });
            $('.register').on('click', function() {
                $('.register_bg').show();
                event.stopPropagation();
            });
            $('#form').on('submit', function() {
                // $('.register-bg').hide();
                // $('.success-bg').show();
                var name=$('input[name=name]').val();
                var phone=$('input[name=mobile]').val();

                if (name==null || name==""){
                    alert("请填写您的姓名");
                    return false
                }else if(phone==null || phone=="") {
                    alert("请填写您的手机号码");
                return false
                }
                return true;
            });
            //分享
            $('.share').on('click', function() {
                $('.success').css('display', 'none');
                share();
            });
            $('.space').on('click', function() {
                $('.share-main').css('display', 'none');
                $('.post').css('display', 'block');
            });
            $('.cut').on('click', function() {
                $('.share-main').css('display', 'none');
            });
            $('.friend').on('click', function() {
                $('.arrow').css('display', 'block');
            });  
            $('.del').on('click',function() {
                $('.post').css('display', 'none');
            });
            function map_marker(lng, lat, width, height) {
                var map = new AMap.Map('container', {
                    zoom:11,//级别
                    center: [lng, lat],//中心点坐标
                    viewMode:'3D'//使用3D视图
                });
                // 创建一个 Marker 实例：
                var marker = new AMap.Marker({
                    position: new AMap.LngLat(lng, lat),   // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
                    title: '北京'
                });

                // 将创建的点标记添加到已有的地图实例：
                map.add(marker);

                // map.on('complete', function(){
                //     $('#container').css({
                //         width: width,
                //         height: height
                //     });
                // });

                // 移除已创建的 marker
                // map.remove(marker);
                map_marker = null;
            }
            map_marker && map_marker(116.397428, 39.90923, '100%', '120px');
            //联系商家
            $('.contect').on('click', function() {
                map_marker && map_marker(116.397428, 39.90923, '100%', '120px');
                $('.contect_bg').show();
            })
            $('.c_del').on('click', function() {
                $('.contect_bg').hide();
            })
            function share() {
                $('.share-main').css('display', 'block');
            }
        });
        require(['jquery'], function($) {
            $(function() {
                $('.loadings').remove();
            })
        });
          
    </script>
</body>
</html>

